<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<div id="app">
    <h1>{{msg}}</h1>

    <!-- 使用组件 -->
    <login title="我是title"></login>


</div>
</body>
</html>

<script src="../js/v2.6.10/vue.js"></script>
<script>

    const login = {
        template:`<div><h2>登录局部组件{{title}}</h2>{{loginTitle}}</div>`,
        data() {//用来给当前组件
            return {
                count: 10,
                // title:'我是子组件的内部标题'
                loginTitle:this.title
            }
        },
        props:['title'],//用来接收父组件给当前组件传递数据
    }

    const app = new Vue({
        el: "#app",
        data:{
          msg:'组件之前数据传递'
        },
        components:{
            //注册局部组件
            login
        }
    });

</script>